<template>
    <div>
        <div class="status-bar bg_linear_gradient_header" :style="{height:statusBarHeight + 'px'}"></div>
        <navbar class="navbar bg_linear_gradient_header" :style="{backgroundColor: 'white' }">
            <navbar-item type="left" @click="backClick">
                <text class="iconLeft">&#xe659;</text>
            </navbar-item>
            <navbar-item type="title" >
                <text class="text">{{title}}</text>
            </navbar-item>
        </navbar>
    </div>
</template>

<script>

    export default {
        data(){
            return{
                statusBarHeight: eeui.getStatusBarHeightPx(),
            }
        },
        created() {
            this.initIconFont()
        },
        props:[
            'title'
        ],
        methods:{
            backClick(){
                eeui.closePage()
            }
        }
    }
</script>
<style lang="css" src="../../style/wx.css"/>
<style scoped>
    .navbar {
        width: 750px;
        height: 100px;
    }
    .text {
        font-size: 36px;
        color: white;
    }
    .status-bar {

    }
    .iconLeft{
        color: white;
        font-size: 30px;
        padding-left: 30px;
        padding-right: 30px;
        font-family: iconfont2;

    }
</style>
